$footerBg:#f5f5f5;
$footerBorderColor:#ccc;
$baseColor:#999;
$success:#6bcf1d;
$waring:#ff8a00;
$borderColor:#e0e0e0;
$footerNavHeight:48px;
$topBannerColor:#5fb71b;
$topBannerHeight:44px;
$topHeight:38px;
$leftSpace:15px;
$navWidth:92px;

@mixin circle($radius,$color,$bg){
    width: $radius;
    height: $radius;
    border-radius: $radius;
    @if($color){
        color: $color;
    }
    @if($bg){
        background: $bg;
    }
}
@mixin boderHash($color:#efefef,$direction:"all"){
    background-repeat: no-repeat;
    @if($direction=="all"){
        border:none;
        padding: 1px;
        background-image:
                -webkit-linear-gradient(top, $color 50%, #999 50%),
                -webkit-linear-gradient(right, transparent 50%, $color 50%),
                -webkit-linear-gradient(bottom, transparent 50%, $color 50%),
                -webkit-linear-gradient(left, transparent 50%, $color 50%);
        background-image:
                linear-gradient(to top, transparent 50%, $color 50%),
                linear-gradient(to right, transparent 50%, $color 50%),
                linear-gradient(to bottom, transparent 50%, $color 50%),
                linear-gradient(to left,transparent 50%, $color 50%);
        background-size:
                100% 1px,
                1px 100%,
                100% 1px,
                1px 100%;
        background-position:
                top center,
                right center,
                bottom center,
                left center;

    }@else {
        border-#{$direction}: 1px solid ;
        background-image: -webkit-linear-gradient($direction, transparent 50%, $color 50%);
        background-image: linear-gradient(to $direction, transparent 50%, $color 50%);
        @if($direction=="left" or $direction=="right"){
            background-size: 100% 1px;
        }
        @if $direction=="top" or $direction=="bottom"{
            background-size:   1px 100% ;
        }


    }
}
